<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>The far site</title>

<!-- script -->
<!-- jQuery version 1.4.2 -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!-- cloud carousel -->
<script type="text/JavaScript" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/CloudCarousel.js"></script>
<!-- add on mouse wheel -->
<script type="text/JavaScript" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/carousel.js"></script>

<style>
body { background-color: #fff; }
#carousel1 { margin: auto; }
#carousel1 img { border: none; }
#ctitle { color: white; text-align: center; font-family: Arial, sans-serif; }
#ctitle a { color: yellow; border: none; text-decoration: none; }
#ctitle a:hover { color: red; border: none; text-decoration: none; }

.dir { width:30px; height:30px; text-indent:-9999px; border:0; }

/*.dir { width:30px; height:30px; background:url(http://prac-gadget.googlecode.com/svn/branches/nivo-arrows.png) no-repeat; text-indent:-9999px; border:0; }
*/

#right-but {
width:30px; height:30px; background:url(http://bbva-the-far-site.googlecode.com/svn/trunk/img/arrow_right.png) no-repeat;
 position absolue; top: 10px; right: 15px; display: inline;float:right;cursor:pointer;cursor:pointer;}
#left-but {
width:30px; height:30px; background:url(http://bbva-the-far-site.googlecode.com/svn/trunk/img/arrow_left.png) no-repeat;
    position absolue; top: 10px; left: 15px; display: inline;  float:left;cursor:pointer;cursor:pointer; margin-left: 10px;}

</style>
</head>
<body>

<div id="carousel1" style="margin-left:0; width: 980px; height: 700px; background:#f4f7f5; overflow:scroll;">

<p id="ctitle">
<div id="left-but" class="dir">&nbsp;</div>
<div id="right-but" class="dir">&nbsp;</div>
</p>

<!-- pictures to display -->
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion1.jpg"  />
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion2.jpg"  />
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion3.jpg"  />
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion4.jpg"  />
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion5.jpg"  />
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion6.jpg"  />
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion7.jpg"  />
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion8.jpg"  />
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion9.jpg"  />
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion10.jpg"  />
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion11.jpg"  />
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion12.jpg"  />
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion13.jpg"  />
<img class="cloudcarousel" src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion14.jpg"  />

<!--
<a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion1.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion1.jpg"  /></a>

<a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion2.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion2.jpg"  /></a>

<a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion3.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion3.jpg"  /></a>

<a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion4.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion4.jpg"  /></a>

<a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion5.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion5.jpg"  /></a>

<a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion6.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion6.jpg"  /></a>

<a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion7.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion7.jpg"  /></a>

<a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion8.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion8.jpg"  /></a>

<a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion9.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion9.jpg"  /></a>

<a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion10.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion10.jpg"  /></a>

<a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion11.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion11.jpg"  /></a>

<a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion12.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion12.jpg"  /></a>

    <a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion13.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion13.jpg"  /></a>

    <a href='https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion14.jpg' target='_blank' ><img class="cloudcarousel"
    src="https://www.googledrive.com/host/0B1pCaIqlQ0OoWFh2TV9lMWtTZDg/ideacion14.jpg"  /></a>
-->
<!-- end carousel1 -->
</div>

<!-- script -->

<script>

$(document).ready(function(){
    /* $("#carousel1").CloudCarousel(	 {
        xRadius:580,
        yRadius:160,
        xPos: 640,
        yPos: 150,
        reflHeight: 220,
        reflGap: 3,
        reflOpacity: 0.3,
        speed: 0.25,
        mouseWheel: true,
        buttonLeft: $("#left-but"),
        buttonRight: $("#right-but")
    }*/
    $("#carousel1").CloudCarousel(   {
        xRadius:380,
        yRadius:110,
        xPos: 500,
        yPos: 110,
        reflHeight: 200,
        reflGap: 3,
        reflOpacity: 0.3,
        speed: 0.25,
        mouseWheel: true,
        buttonLeft: $("#left-but"),
        buttonRight: $("#right-but")
    }
 );
 });
</script>

</body>
</html>